Reset CSS와 Normalize CSS
❓질문
Reset CSS와 Normalize CSS가 무엇인가요?
💡 조사하기전 내가 알고 있던 내용
처음 웹개발을 시작할때 CSS파일에 맨 상단에 모든걸 초기화하는 Reset CSS에 대한 스타일 시트를 적용을 한적이 있습니다.
이때는 이거에 대해서 좀 무지하게 넘어갔으나 개발에 대한 경험이 차츰 생기면서 들었던건 브라우저 별로 스타일이 너무 상이하다는것 이였습니다.
이런 브라우저 간의 스타일을 비슷하게 만드는 방법이 Reset CSS와 Normalize CSS입니다.
먼저 Reset CSS는 아예 모든 요소의 스타일을 기본스타일로 초기화한뒤에 위에 스타일을 입히는 방식입니다. 이는 브라우저의 모든 스타일을 초기화하고 진행을 하다보니 브라우저간의 스타일 통일을 보장합니다.
두번째 Normalize CSS는 브라우저간의 차이를 줄이는걸 중점으로 작업을 합니다.
어디서봐도 이건 보여야한다 정도만 통일을 시키고 나머지의 스타일은 브라우저의 기본 스타일을 따라가게합니다.
이러한 방식은 완전한 통일성은 보장되지 않지만 스타일 작업에 드는 비용을 줄인다는 장점이 있습니다.